(function($) {
    /**
     * 导航按钮初始化
     */
    appcan.button("#nav-left", "btn-act",
    function() {});
    appcan.button("#nav-right", "btn-act",
    function() {
        // 打开用户中心页面
        appcan.openWinWithUrl('user_center','user_center.html');
    });
    appcan.button(".nav-btn", "btn-act", function() {
        appcan.openWinWithUrl('user_center','user_center.html');
    })
    
    /**
     * 顶部标签栏初始化
     */
    var tabview_Tab_header = appcan.tab({
        selector: $("#Tab_header"),
        hasIcon: false,
        hasAnim: false,
        hasLabel: true,
        hasBadge: false,
        index: 0,
        data : [{
            label : "最新",
        }, {
            label : "AI科技",
        }, {
            label : "互联网",
        }, {
            label : "创新",
        }, {
            label : "前沿",
        }]
    });
    
    // 顶部标签点击事件
    tabview_Tab_header.on('click', function(obj, index) {
        filterNewsByCategory(index);
    });

    appcan.ready(function() {
        // 检查登录状态
        checkLoginStatus();
        
        // 监听页面焦点事件 - 当从其他页面返回时检查登录状态变化
        setupPageFocusListener();
        
        $.scrollbox($("body")).on("releaseToReload",
        function() { //After Release or call reload function,we reset the bounce
            $("#ScrollContent").trigger("reload", this);
        }).on("onReloading",
        function(a) { //if onreloading status, drag will trigger this event
        }).on("dragToReload",
        function() { //drag over 30% of bounce height,will trigger this event
        }).on("draging",
        function(status) { //on draging, this event will be triggered.
        }).on("release",
        function() { //on draging, this event will be triggered.
        }).on("scrollbottom",
        function() { //on scroll bottom,this event will be triggered.you should get data from server
            $("#ScrollContent").trigger("more", this);
        }).hide();
    })

    /**
     * 底部标签栏初始化
     */
    var tabview_Tab_footer = appcan.tab({
        selector: $("#Tab_footer"),
        hasIcon: true,
        hasAnim: false,
        hasLabel: true,
        hasBadge: false,
        index: 0,
        data : [{
            label : "首页",
            icon : "fa-home"
        }, {
            label : "分类",
            icon : "fa-th"
        }, {
            label : "AI助手",
            icon : "fa-android"
        }, {
            label : "我的",
            icon : "fa-user"
        }]
    });
    
    tabview_Tab_footer.on('click',function(obj,index){
        switch(index) {
            case 0:
                // 已在首页
                break;
            case 1:
                appcan.openWinWithUrl('tech_category','tech_category.html');
                break;
            case 2:
                openAIFeatures();
                break;
            case 3:
                appcan.openWinWithUrl('user_center','user_center.html');
                break;
        }
    })
    
    /**
     * 图片滑块初始化
     */
    var slider = appcan.slider({
        selector : $("#slider"),
        aspectRatio : 9 / 16,
        hasLabel : true,
        index : 1
    });
    
    slider.set([{
        img : "index/css/myImg/news1.jpg",
        label : "AI大模型技术突破：GPT-5即将问世"
    }, {
        img : "index/css/myImg/news2.jpg",
        label : "量子计算新进展：中国成功研制新型量子芯片"
    }, {
        img : "index/css/myImg/news3.png",
        label : "元宇宙技术革新：虚拟现实与现实世界深度融合"
    }]);
    
    slider.on("clickItem", function(index, data) {
        // 轮播图新闻数据
        var headlineNews = [
            {
                title: "AI大模型技术突破：GPT-5即将问世",
                describe: "OpenAI将发布下一代大语言模型，性能和智能水平将获得显著提升",
                content: "据可靠消息，OpenAI计划在今年发布GPT-5模型，该模型在推理能力、创造性和安全性方面都将有重大突破。新模型将支持更复杂的多模态交互...",
                time: "1小时前",
                category: "ai"
            },
            {
                title: "量子计算新进展：中国成功研制新型量子芯片",
                describe: "我国量子计算技术取得重大突破，新型量子芯片性能提升显著",
                content: "中科院量子信息与量子科技创新研究院宣布，成功研制出新一代超导量子芯片，量子比特数量达到创纪录的1000个...",
                time: "2小时前",
                category: "quantum"
            },
            {
                title: "元宇宙技术革新：虚拟现实与现实世界深度融合",
                describe: "最新VR/AR技术实现虚实融合新体验，为元宇宙发展奠定基础",
                content: "Meta、苹果等科技巨头相继发布新一代VR/AR设备，采用全新的光学技术和交互方式，实现了前所未有的沉浸式体验...",
                time: "3小时前",
                category: "vr"
            }
        ];
        
        var newsData = headlineNews[index];
        appcan.locStorage.setVal('news_type', 'tech_headline');
        appcan.locStorage.setVal('news_index', index);
        appcan.locStorage.setVal('news_data', JSON.stringify(newsData));
        appcan.openWinWithUrl('news_detail', 'news_detail.html');
    })
    
    /**
     * 科技新闻列表数据
     */
    var updateData = [{
        title : "华为发布鸿蒙OS 4.0：全场景智能操作系统再升级",
        describe : "华为在开发者大会上正式发布鸿蒙OS 4.0，带来全新的分布式能力和AI增强功能，进一步完善万物互联生态。",
        note : "128跟帖",
        icon : "index/css/myImg/newsImg1.png",
        category: "mobile",
        time: "2小时前",
        content: "华为技术有限公司今日在深圳召开开发者大会，正式发布全新鸿蒙OS 4.0操作系统。新版本在分布式能力、AI智能化、安全性等方面都有重大提升..."
    }, {
        title : "SpaceX星舰成功完成第三次试飞",
        describe : "马斯克的SpaceX公司星舰完成第三次试飞任务，成功实现软着陆，为火星殖民计划迈出重要一步。",
        note : "256跟帖",
        icon : "index/css/myImg/newsImg2.png",
        category: "space",
        time: "3小时前",
        content: "美国太空探索技术公司(SpaceX)的星舰(Starship)原型机今日成功完成第三次高空试飞，这是该公司火星殖民计划的重要里程碑..."
    }, {
        title : "苹果Vision Pro国行版即将上市",
        describe : "苹果混合现实头显Vision Pro确认将于下月在中国市场发售，起售价预计为29999元人民币。",
        note : "512跟帖",
        icon : "index/css/myImg/newsImg3.png",
        category: "vr",
        time: "4小时前",
        content: "苹果公司正式宣布，备受瞩目的Vision Pro混合现实头显将于下月在中国大陆市场正式发售。这款产品将为用户带来全新的空间计算体验..."
    }, {
        title : "阿里云推出通义千问2.0大模型",
        describe : "阿里云发布通义千问2.0版本，参数量达到千亿级别，在多项测试中超越GPT-3.5性能。",
        note : "89跟帖",
        icon : "index/css/myImg/newsImg1.png",
        category: "ai",
        time: "5小时前",
        content: "阿里云在今日的云栖大会上正式发布通义千问2.0大语言模型，该模型在自然语言理解、代码生成、数学推理等多个领域表现出色..."
    }, {
        title : "特斯拉机器人Optimus展示最新进展",
        describe : "特斯拉人形机器人Optimus在最新演示中展现了更灵活的动作能力，预计2025年开始小批量生产。",
        note : "167跟帖",
        icon : "index/css/myImg/newsImg2.png",
        category: "ai",
        time: "6小时前",
        content: "特斯拉CEO埃隆·马斯克在社交媒体上分享了Optimus人形机器人的最新演示视频，展示了其在物体抓取、行走平衡等方面的显著进步..."
    }, {
        title : "中国6G技术研发取得重大突破",
        describe : "我国6G技术研发在太赫兹通信、智能超表面等关键技术领域取得重要进展，预计2030年实现商用。",
        note : "234跟帖",
        icon : "index/css/myImg/newsImg3.png",
        category: "5g",
        time: "8小时前",
        content: "据工信部最新消息，我国6G技术研发工作取得阶段性重要成果。在太赫兹通信、智能超表面、空天地一体化等关键技术领域实现突破..."
    }, {
        title : "微软Azure推出新一代量子云服务",
        describe : "微软Azure量子云平台发布重大更新，支持更多量子算法，为企业量子计算应用提供更强支持。",
        note : "156跟帖",
        icon : "index/css/myImg/newsImg1.png",
        category: "quantum",
        time: "10小时前",
        content: "微软公司宣布其Azure量子云平台迎来重大升级，新增多种量子算法支持，并优化了量子-经典混合计算能力..."
    }, {
        title : "英伟达发布新一代AI芯片架构",
        describe : "英伟达发布下一代GPU架构，专为大模型训练优化，算力较上代产品提升300%。",
        note : "445跟帖",
        icon : "index/css/myImg/newsImg2.png",
        category: "ai",
        time: "12小时前",
        content: "英伟达公司在GTC大会上正式发布全新GPU架构，该架构专门针对大语言模型训练和推理进行优化，在保持能耗稳定的情况下..."
    }, {
        title : "腾讯云发布混合云解决方案3.0",
        describe : "腾讯云推出全新混合云解决方案，支持多云管理、边缘计算，助力企业数字化转型。",
        note : "78跟帖",
        icon : "index/css/myImg/newsImg3.png",
        category: "cloud",
        time: "1天前",
        content: "腾讯云在今日举行的数字生态大会上发布混合云解决方案3.0，该方案整合了公有云、私有云、边缘云的优势..."
    }, {
        title : "比特币网络完成重大升级",
        describe : "比特币主网完成Taproot升级，增强隐私保护和智能合约功能，交易效率大幅提升。",
        note : "322跟帖",
        icon : "index/css/myImg/newsImg1.png",
        category: "blockchain",
        time: "1天前",
        content: "比特币网络成功激活Taproot软分叉升级，这是比特币自2017年SegWit升级以来最重要的协议升级..."
    }, {
        title : "小米发布澎湃OS智能物联系统",
        describe : "小米正式发布澎湃OS，打通手机、平板、智能家居等设备，构建全场景智能生态。",
        note : "189跟帖",
        icon : "index/css/myImg/newsImg2.png",
        category: "iot",
        time: "1天前",
        content: "小米公司在今日的发布会上正式推出澎湃OS智能物联操作系统，该系统基于深度进化的Android和自研Vela系统..."
    }, {
        title : "网络安全新威胁：AI驱动的钓鱼攻击激增",
        describe : "安全机构报告显示，利用AI技术的钓鱼攻击事件激增200%，企业需提高防范意识。",
        note : "267跟帖",
        icon : "index/css/myImg/newsImg3.png",
        category: "security",
        time: "2天前",
        content: "据国际网络安全组织最新报告，2024年利用人工智能技术的网络钓鱼攻击事件较去年同期增长200%..."
    }, {
        title : "Meta发布VR社交平台Horizon 3.0",
        describe : "Meta推出全新VR社交平台，支持更真实的虚拟形象和沉浸式交互体验。",
        note : "398跟帖",
        icon : "index/css/myImg/newsImg1.png",
        category: "vr",
        time: "2天前",
        content: "Meta公司正式发布Horizon Worlds 3.0虚拟现实社交平台，新版本在图形渲染、物理模拟、社交互动等方面都有显著提升..."
    }, {
        title : "字节跳动开源大数据处理框架",
        describe : "字节跳动开源其内部使用的大数据处理框架ByteHouse，支持PB级数据实时分析。",
        note : "145跟帖",
        icon : "index/css/myImg/newsImg2.png",
        category: "bigdata",
        time: "2天前",
        content: "字节跳动公司宣布开源其自研的大数据处理框架ByteHouse，该框架已在字节跳动内部支撑抖音、今日头条等产品的海量数据处理..."
    }, {
        title : "联想发布边缘计算服务器新品",
        describe : "联想推出专为边缘计算设计的服务器产品线，支持5G、AI推理等应用场景。",
        note : "67跟帖",
        icon : "index/css/myImg/newsImg3.png",
        category: "cloud",
        time: "3天前",
        content: "联想集团在今日的科技创新大会上发布全新边缘计算服务器产品系列，该系列产品专门针对边缘计算场景进行优化..."
    }, {
        title : "谷歌AI实现蛋白质结构预测新突破",
        describe : "谷歌DeepMind的AlphaFold 3在蛋白质结构预测准确率上再次突破，达到96%准确率。",
        note : "534跟帖",
        icon : "index/css/myImg/newsImg1.png",
        category: "ai",
        time: "3天前",
        content: "谷歌DeepMind团队发布AlphaFold 3最新研究成果，在蛋白质结构预测准确率上取得新的突破，为药物研发和生物医学研究提供强大工具..."
    }, {
        title : "三星展示可折叠屏幕新技术",
        describe : "三星显示发布新一代可折叠OLED屏幕技术，折叠次数提升至50万次，厚度减少30%。",
        note : "298跟帖",
        icon : "index/css/myImg/newsImg2.png",
        category: "mobile",
        time: "3天前",
        content: "三星显示公司在SID显示周上展示了最新的可折叠OLED屏幕技术，新技术在耐用性、厚度、显示效果等方面都有显著改进..."
    }, {
        title : "IBM推出企业级区块链平台",
        describe : "IBM发布企业级区块链解决方案，支持跨链互操作，助力企业构建可信数字基础设施。",
        note : "123跟帖",
        icon : "index/css/myImg/newsImg3.png",
        category: "blockchain",
        time: "4天前",
        content: "IBM公司正式推出面向企业的区块链平台IBM Blockchain Platform 3.0，该平台提供完整的区块链开发、部署和管理工具..."
    }];
    
    var lv1 = appcan.listview({
        selector : "#listview",
        type : "thickLine",
        hasIcon : true,
        hasAngle : false
    });
    lv1.set(updateData);

    lv1.on('click', function(ele, context, obj, subobj) {
        var index = $(ele).index();
        var newsData = updateData[index];
        
        // 传递完整的新闻数据
        appcan.locStorage.setVal('news_type', 'tech_list');
        appcan.locStorage.setVal('news_index', index);
        appcan.locStorage.setVal('news_data', JSON.stringify(newsData));
        appcan.openWinWithUrl('news_detail', 'news_detail.html');
    })
    
    /**
     * 根据分类筛选新闻
     */
    function filterNewsByCategory(tabIndex) {
        var filteredData;
        
        switch(tabIndex) {
            case 0: // 最新
                filteredData = updateData;
                break;
            case 1: // AI科技
                filteredData = updateData.filter(function(item) {
                    return item.category === 'ai';
                });
                break;
            case 2: // 互联网
                filteredData = updateData.filter(function(item) {
                    return item.category === 'mobile' || item.category === 'cloud';
                });
                break;
            case 3: // 创新
                filteredData = updateData.filter(function(item) {
                    return item.category === 'blockchain' || item.category === 'quantum';
                });
                break;
            case 4: // 前沿
                filteredData = updateData.filter(function(item) {
                    return item.category === 'vr' || item.category === '5g';
                });
                break;
            default:
                filteredData = updateData;
        }
        
        // 如果筛选后没有数据，显示提示
        if (filteredData.length === 0) {
            filteredData = [{
                title: "该分类暂无新闻",
                describe: "请切换到其他分类查看更多内容",
                note: "",
                icon: "index/css/myImg/newsImg1.png",
                category: "none"
            }];
        }
        
        // 更新列表
        lv1.set(filteredData);
    }
    
    /**
     * 检查登录状态
     */
    function checkLoginStatus() {
        var isLoggedIn = appcan.locStorage.getVal('isLoggedIn');
        if (isLoggedIn === 'true') {
            var username = appcan.locStorage.getVal('username');
            console.log('用户已登录：' + username);
            
            // 显示登录成功提示（仅在登录状态刚改变时）
            var statusChanged = appcan.locStorage.getVal('login_status_changed');
            if (statusChanged === 'true') {
                // 清除标记
                appcan.locStorage.setVal('login_status_changed', '');
                // 显示欢迎提示
                setTimeout(function() {
                    uexWindow.toast('0', '5', '欢迎回来，' + username + '！', '2000');
                }, 300);
            }
        }
    }

    /**
     * 设置页面焦点监听器
     */
    function setupPageFocusListener() {
        // 监听窗口获得焦点事件
        if (typeof uexWindow !== 'undefined' && uexWindow.onStateChange) {
            uexWindow.onStateChange = function(state) {
                if (state == 0) { // 窗口获得焦点
                    console.log('🔄 首页重新获得焦点，检查登录状态变化');
                    setTimeout(function() {
                        checkLoginStatus();
                    }, 100);
                }
            };
        }
        
        // 备用方案：定期检查登录状态变化
        setInterval(function() {
            var statusChanged = appcan.locStorage.getVal('login_status_changed');
            if (statusChanged === 'true') {
                console.log('🔄 检测到登录状态变化');
                checkLoginStatus();
            }
        }, 500);
    }
})($);

/**
 * 打开科技分类新闻列表页面
 * @param {string} category - 分类名称
 */
function openTechCategory(category) {
    console.log('首页跳转到分类:', category);
    appcan.locStorage.setVal('news_category', category);
    appcan.locStorage.setVal('current_category', category);
    appcan.openWinWithUrl('category_news_list', 'category_news_list.html');
}

/**
 * 打开天气定位页面
 */
function openWeatherLocation() {
    appcan.openWinWithUrl('weather_location', 'weather_location.html');
}

/**
 * 打开关于我们页面
 */
function openAboutUs() {
    appcan.openWinWithUrl('about_us', 'about_us.html');
}

/**
 * 打开AI功能页面
 */
function openAIFeatures() {
    // 直接跳转到AI功能页面
    appcan.openWinWithUrl('ai_features', 'ai_features.html');
}